<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>hello world</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<style type="text/css">
		/**/
		h2{color: blue;text-decoration:underline;}
		input{color: red;}
		.demo{color: gray}
		.demo2{font-size: 22px;color:blue;}
		#demo{color: red;}
		#wrapper>div>div.demo{
			border: 2px solid #000
		}
		span:hover {
			color: yellow;
			cursor: pointer;
		}
		#p1{color: blue;}
		p{color:red !important;text-indent:2em;}
		div{text-decoration:line-through;}
	</style>
</head>
<body>
	<p id="p1">lala<span>lalalal</span>lalalala</p>
	<span>伪类选择符</span>
	<div id="wrapper">
		<div>div-1</div>
		<div>div-2</div>
		<div>aaaaaaaaaaa
			<div class="demo">
				div-3
			</div>aaaaaaaaaaa
			<p>div-p</p>
		</div>
	</div>

	<h1>woshigege</h1>
	<h2>sdjajdad</h2>
	<h6 class="demo demo2">彩虹六号 启动！</h6>
	<input type="text" name="waiwaitwait">
	<p class="demo">彩虹六号 启动！彩虹六号 启动！彩虹六号 启动！彩虹六号 启动！彩虹六号 启动！彩虹六号 启动！彩虹六号 启动！彩虹六号 启动！彩虹六号 启动！彩虹六号 启动！彩虹六号 启动！彩虹六号 启动！彩虹六号 启动！彩虹六号 启动！彩虹六号 启动！彩虹六号 启动！彩虹六号 
	启动！</p>
	<p id="demo">彩虹六号 启动！</p>
	<title>hello world!</title>
<style type="text/css">
	span:hover{color: red;
cursor:pointer;
	}

</style>

</head>
<body>
	hello world!
</body>
</html>